<html>
    <head>
    <link rel="shortcut icon" href="static/images/favicon.ico" type="image/x-icon" />
    <!--<link rel="stylesheet" type="text/css" href="static/css/login.css">-->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title>登录</title>
        <style>

            .one{
                background-image: url(/images/background.jpg);

            }
            .title{
                position: absolute;
                top: 11px;
                left: 570px;
                width:960px;
            }

            .form{
                position: absolute;
                top: 270px;
                left: 960px;
                background:inherit;
                border-radius:10px;
                -webkit-filter: blur(5px);
                -moz-filter: blur(2px);
                -ms-filter: blur(5px);
                -o-filter: blur(5px);
                filter: blur(0px);
                filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=2, MakeShadow=false);
            }
            .tr{
                font-family:'楷体';
                font-size:20px;
                border-radius:4px;
                align:center;
            }
            .button{
                font-family:'楷体';
                font-size:25px;
                border-radius:4px;
            }
            .th{
                font-family:'楷体';
                font-size:30px;
            }
            .table{
                width:350px;
                height:100px;
                border-radius:10px;
                align:center;
            }
            .end{
                position: absolute;
                top: 676px;
                left:60px;
                font-family:'宋体';
                width:1820px;
                align:center;
                font-size: 14px;
                color: white;
            }
        </style>
    </head>
    <body background="/images/background.jpg">
    <div class="one">
    <div class="title"><h1 style="font-family:'楷体';font-size:60px;">正风社区矫正工作信息管理平台</h1></div>
    <div class="form">
        <form id="form1" action="/toLogin" method="POST" onsubmit="return check()">
            <table  class="table">
                <tr>
                    <th colspan="2" class="th">用户登录</th>
                </tr>
                <tr class="tr">
                    <td height="60">&nbsp;&nbsp;用户名：</td>
                    <td height="60">
                    <input id="username" type="text" name="username" height="60">
                    </td>
                </tr>
                <tr class="tr">
                    <td height="60">&nbsp;&nbsp;密&nbsp;&nbsp;&nbsp;码：</td>
                    <td height="60">
                    <input id="password" type="password" name="password" height="60">
                    </td>
                </tr>
                <tr class="tr">
                    <td height="60">记住密码：</td>
                    <td height="60">
                    <input id="rememberMe" type="checkbox" name="rememberMe" height="60">
                    </td>
                </tr>
                <tr>
                <td></td>
                <td align="center"><button type="submit" class="button">登录</button>&nbsp;&nbsp;&nbsp;<input type="reset" value="取消" class="button"></input></td>
                </tr>
            </table>
        </form>
    </div>
    <div class="end" align="center">
    <p>技术支持：郑州嵩山国际第一分公司<br>
    在线技术支持群：QQ：316456515 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;技术支持电话：010—82895655
    
    </p>
    </div>
    </div>
    </body>
    <script type="text/javascript" src="static/js/jquery-1.4.4.min.js"></script>
    <script>
    	function check(){
    		if($('#username').val()==""){
    			return false;
    		}if($('#password').val()==""){
    			return false;
    		}
    		return true;
    	}
    </script>
</html>